<template>
  <div class="no-print">
  <a-card class="info" title="报告审核单">
      <template slot="extra">
      <template v-if="model.bpmStatus !== '1'">
        <a-button type="primary" size="small" @click="handleTrack(model)" :disabled="isDisabledAuth('erpReportAudit:viewTrack')">审批进度</a-button>
      </template>
      </template>
     <a-row type="flex"  justify="center">
       <a-col :span="24">
          <erp-report-audit-form ref="realForm" :disabled="true" normal></erp-report-audit-form>
          <!-- 流程历史跟踪 -->
          <common-flow-list v-if="model.bpmStatus !== '1'" :formData="formData"></common-flow-list>
       </a-col>
     </a-row>
     <erp-report-audit-modal ref="modalForm" @ok="modalFormOk"></erp-report-audit-modal>
     <bpm-biz-task-deal-modal ref="taskDealModal" :path="path" :formData="formData"
                             @ok="handleOk"></bpm-biz-task-deal-modal>
     <bpm-process-track-modal ref="bpmProcessTrackModal"></bpm-process-track-modal>
     <biz-task-notify-modal ref="taskNotifyModal"></biz-task-notify-modal>
     <biz-task-notify-me-modal ref="taskNotifyMeModal"></biz-task-notify-me-modal>
  </a-card>
      <div style="text-align: center;margin-top: 15px;">
        <a-button v-print="'#printContent'" type="primary">打印</a-button>
      </div>
      <ErpReportAuditFormPrint class="print_style" id="printContent" :formData="model" :formDataHistory="formData"></ErpReportAuditFormPrint>
  </div>
</template>

<script>

  import { getAction,postAction } from '@/api/manage'
  import {JeecgBpmListMixin} from '@/mixins/JeecgBpmListMixin'
  import BizHisTaskModule from "@/views/modules/bpmbiz/common/BizHisTaskModule.vue";
  import BpmBizTaskDealModal from "@/views/modules/bpmbiz/common/BpmBizTaskDealModal.vue";
  import BpmProcessTrackModal from "@/views/modules/bpmbiz/common/BpmProcessTrackModal.vue";
  import BizTaskNotifyModal from "@/views/modules/bpmbiz/common/BizTaskNotifyModal.vue";
  import BizTaskNotifyMeModal from "@/views/modules/bpmbiz/common/BizTaskNotifyMeModal.vue";
  import CommonFlowList from '@/views/components/CommonFlowList.vue' // 审批历史流程列表组件
  import ErpReportAuditForm from './modules/ErpReportAuditForm'
  import ErpReportAuditModal from './modules/ErpReportAuditModal'
  import {DisabledAuthFilterMixin} from '@/mixins/DisabledAuthFilterMixin'
  import ErpReportAuditFormPrint from './modules/ErpReportAuditFormPrint' // 打印

  export default {
    name: 'ErpReportAuditDetail',
    mixins: [JeecgBpmListMixin, DisabledAuthFilterMixin],
    components: {
     ErpReportAuditForm,
     ErpReportAuditModal,
     BizHisTaskModule,
     BpmBizTaskDealModal,
     BpmProcessTrackModal,
     BizTaskNotifyModal,
     BizTaskNotifyMeModal,
     ErpReportAuditFormPrint,
     CommonFlowList

    },
    data () {
      return {
         model: {},
        id: '',
        url: {
          queryById: "/api/erp/omc/reportaudit/erpReportAudit/queryById",
          delete: "/api/erp/omc/reportaudit/erpReportAudit/delete",
          bizCount: "/api/erp/omc/reportaudit/erpReportAudit/bizCount",
        },
        confirmLoading: false,
        iconStyle:{"font-size":"20px"},
        //代码生成后需手动设置流程编码
        flowCode: 'onl_erp_report_audit',
        formUrl: "/org/jeecg/modules/omc/reportaudit/modules/ErpReportAuditForm",
        formUrlMobile: "",
      }
    },
    created() {
    },
    watch: {
      $route(to, from) {
        this.loadData();
      },
    },
    mounted() {
    },
    methods: {
      loadData() {
        const id = this.$route.params.id;
        getAction(this.url.queryById, { id }).then((res) => {
          if (res.success) {
            const model = res.result
            this.$nextTick(()=>{
              this.$refs.realForm.edit(model);
            })
            // this.$refs.realForm.edit(model);
            this.model=model;
            //查询催办
            let params1 = {flowCode: this.flowCode, dataId: id};//查询条件
            getAction(this.url.checkNotify, params1).then((res2) => {
              if (res2.result) {
                this.model.taskUrge = true;
              }
            })
            //查询流程
            let params = {flowCode: this.flowCode, dataId: this.model.id};//查询条件
            this.viewTrack(params);
          }
        })
        this.bizCountById(id);
      },
    }
  }
</script>
<style lang="less" scoped>
@import '~@assets/less/common.less';

.info {
  /deep/ .ant-card-head-title{
    flex: none;
    margin-right: 20px;
  }
  /deep/ .ant-card-extra{
    flex: 1;
    float: left;
  }
}
</style>
